<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="common/tag.jsp"%>
<%@include file="common/server.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title>秒杀详情</title>
<%@include file="common/head.jsp"%>
<script type="text/javascript" src="../../js/seckill/seckill.js"></script>
</head>
<body>
	<div class="container text-center">
		<div class="panel panel-default text-center">
			<div class="panel-heading">
				<h1>${seckill.name}</h1>
			</div>
			<div class="panel-body">
				<h2  id="seckill_box" class="text-danger text-center" >
					<span class="glyphicon glyphicon-time"></span>
					<span id="countdown_box"></span>
				</h2>
			</div>
		</div>
	</div>
	<%-- 登录对话框 --%>
	<%@include file="common/logindialog.jsp" %>
</body>
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- 倒计时 -->
<script src="http://cdn.bootcss.com/jquery.countdown/2.2.0/jquery.countdown.min.js"></script>
<!-- cookie -->
<script src="http://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<!-- 秒杀模块 -->
<script src="../../js/seckill/seckill.js"></script>
<script type="text/javascript">
    $(function() {
		//初始化详情页
	    seckill.detail.init({
	        id:${seckill.id},
	        startTime:${seckill.startTime.time}, //转换成时间戳格式
	        endTime:${seckill.endTime.time} //转换成时间戳格式
	    });
	});
	
</script>
</html>